<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%request.setCharacterEncoding("UTF-8");%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--

	Nonzero1.0 by nodethirtythree design
	http://www.nodethirtythree.com
	missing in a maze

-->
<html>
<head>

<base href="resources/" />
<meta http-equiv="content-type" content="text/html; charset= UTF-8" />
<title>nonzero1.0 by nodethirtythree</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" type="text/css" href="style/style.css" />

<style type="text/css">
table {
	width: 400px;
	border-collapse: collapse;
	text-align: center;
	font-family: 'Trebuchet MS';
}

td {
	width: 300px;
	font-size: 13pt;
	text-align: center;
	border: 1px solid #ffffff;
	height: 30px;
}

th {
	font-size: 13pt;
	font-weight: bold;
	border: 1px solid #dcdcdc;
	background-color: #aaaaaa;
	color: #ffffff;
	font-family: Georgia;
}

tr.alt td {
	color: #111111;
	font-size: 20pt;
	background-color: #dcdcdc;
	font-family: 'Trebuchet MS';
}
</style>

</head>
<body>
	<script>
		function checkid(){
			var mem_id = document.join.mem_id.value;
			if(mem_id =="" || mem_id == null){
				alert("아이디를 입력하세요!!.");		
				}else{ 
				document.location.href="/web/member/chkid?mem_id=" + mem_id;
			}
		}
		
		var chk_id = <%=session.getAttribute("chkId")%>;
		console.log("chk_id : " + chk_id);
		
		if(chk_id != null ){
			
			if(chk_id == false){
				alert("사용이 가능합니다.");
			}else{
				alert(" 사용 불가능 합니다.");
			}
		}
			<%session.removeAttribute("chkId");%>
	
	</script>
	<div id="header">

		<%@ include file="../common/join_header.jspf"%>
	</div>

	<div id="main">

		<div id="main_inner" class="fixed">

			<div id="primaryContent_2columns">

				<div id="columnA_2columns">

					<h3>JOIN</h3>
					<p>
						<form name="join" action="/web/member/chkregist" method="post">
							<table>
								<tr class="alt">
									<td colspan=2>Member Join</td>
								</tr>
								<tr>
									<td>ID</td>
									<td><input type="text" name="mem_id" placeholder="아이디 입력" required="required" value='${MemberVO.mem_id}' size="20" ></input><td><input type="button" value="ID중복체크" onClick="checkid()"></input></td></td>
								</tr>
								<tr>
									<td>Password</td>
									<td><input type="password" name="mem_pw" placeholder="비밀번호 입력" required="required" pattern="[a-z0-9]{8,16}" title="8~16자리, 영어와 숫자 조합으로 입력해 주세요." size="20" ></input></td>
								</tr>
								<tr>
									<td>NAME</td>
									<td><input type="text" name="mem_name" placeholder="이름 입력" required="required"  value='${MemberVO.mem_name}' size="20" ></input></td>
								</tr>
								<tr>
									<td>TEL</td>
									<td><input type="tel" name="mem_tel" placeholder="ex) 010-0000-0000" pattern="(([0-9]{3})(-[0-9]{3,4})(-[0-9]{4}))" required="required" title="전화번호를 입력해 주세요." value='${MemberVO.mem_tel}' size="20" ></input></td>
								</tr>
								<tr>
									<td>E-MAIL</td>
									<td><input type="email" name="mem_email" placeholder="이메일 입력" required="required" value='${MemberVO.mem_email}' size="20" ></input></td>
								</tr>
								<tr>
									<td>GENDER</td>
									<td>
									<input type="radio" name="mem_gender" required="required" value="Male">남자</input>
									<input type="radio" name="mem_gender" required="required" value="FeMale">여자</input>
									</td>

								</tr>
								<tr>
									<td colspan=2><input type="submit" value="가입하기"></input><input
											type="reset" value="다시쓰기"></input></td>
								</tr>

							</table>

							<table>
								<tr>
									<td class="alt"><font face="돋움"> <b>자동가입 방지
											창입니다.</br> 보이는 문자를 입력해주세요.
										</b></font></td>
								</tr>

								<tr>
									<td><input type="text" name="check" placeholder="자동방지가입 입력" required="required" size="20"/></td>
								</tr>
								<tr>
							
									<td><img src="password" /></td>
								</tr>
							</table>
						</form>
					</p>
				</div>

			</div>

		</div>

	</div>

	<div id="aside">
		<%@include file="../common/sider.jspf"%>
	</div>
	<div id="footer" class="fixed">
		<%@include file="../common/footer.jspf"%>
	</div>

</body>
</html>